/*屏幕小于768时*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
p{
    padding:0;
    margin: 0;
}
body {
    line-height: 1;
    margin: 0;
}
ol, ul {
    list-style: none;
    margin: 0;
    padding:0;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.head{
    width: 100%;
    /*margin: 0 auto;*/
    /*height:300px;*/
    /*background: bisque;*/
    box-sizing: border-box;
}
.head img{
    width: 100%;
}
.title{
    font-size: 30px;
    text-align: center;
    color:#252525;
    margin-top: 16px;
    margin-bottom: 50px;
    font-weight: normal;
}
.we-can{
    width: 1150px;
    padding:42px 0;
    margin: 0 auto;
    box-sizing: border-box;
}
.we-can-item{
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    box-sizing: border-box;
    justify-content: space-between;
}
.we-can-item li{
    width: 18%;
    background: aqua;
    height:386px;
    background: url("../img/we-can-border.png") no-repeat center center;
    background-size: 100% 386px;
    color:#666;
}
.we-can-item li:hover{
    background: url("../img/we-can-border-hover.png") no-repeat center center;
    background-size: 100% 386px;
    color:#fff;
}
.icon{
    width: 50%;
    height:80px;
    margin: 0 auto;
    margin-top:70px;
}
.icon1{
    background: url("../img/we.png") no-repeat 0 0;
}
.we-can-item li:hover .icon1{
    background: url("../img/we.png") no-repeat 0 -80px;
}
.icon2{
    background: url("../img/we.png") no-repeat -118px 0;
}
.we-can-item li:hover .icon2{
    background: url("../img/we.png") no-repeat -118px -80px;
}
.icon3{
    background: url("../img/we.png") no-repeat -236px 0;
}
.we-can-item li:hover .icon3{
    background: url("../img/we.png") no-repeat -236px -80px;
}
.icon4{
    background: url("../img/we.png") no-repeat -381px 0;
}
.we-can-item li:hover .icon4{
    background: url("../img/we.png") no-repeat -381px -80px;
}
.icon5{
    background: url("../img/we.png") no-repeat -514px 0;
}
.we-can-item li:hover .icon5{
    background: url("../img/we.png") no-repeat -514px -80px;
}
.item-title{
    font-size: 16px;
    text-align: center;
    margin-top: 75px;
    margin-bottom: 20px;
}
.item-content{
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}
.service-box{
    width: 100%;
    /*height: 100px;*/
    padding:1px 0;
    background-color: #f7f7f7;
    box-sizing: border-box;
}
.service{
    width: 1150px;
    height:490px;
    margin: 0 auto;
    padding:42px 0;
    background: url("../img/service.png") no-repeat center center;
    box-sizing: border-box;
    position: relative;
}
.service-items li{
    width: 384px;
    height:80px;
    background: url("../img/service-border.png") no-repeat center center;
    background-size: 384px 80px;
    position: absolute;
    padding-top:10px;
    box-sizing: border-box;
}
.s-item1{
    top:118px;
    left: 10px;
}
.s-item2{
    top:243px;
    left: 10px;
}
.s-item3{
    top:335px;
    left: 378px;
}
.s-item4{
    top:118px;
    left: 755px;
}
.s-item5{
    top:243px;
    left: 755px;
}
.s-content{
    width: 100%;
    text-align: center;
    font-size: 16px;
    color:#252525;
    line-height: 30px;
}

/*优势*/
.advantage{
    width: 1150px;
    margin:0 auto;
    padding:42px 0;
}
.advantage ul{
    display: flex;
    flex-flow:row wrap;
    justify-content: space-between;
}
.advantage-item{
    width: 49%;
    height:170px;
    box-sizing: border-box;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap:nowrap;
    align-items: center;
}
.advantage-icon{
    width: 170px;
    height:170px;
    background-color: #3878bb;
    border:1px solid #3878bb;
    position: relative;
    box-sizing: border-box;
}
.advantage-icon .icon{
    width: 116px;
    height:96px;
    position: absolute;
    top:50%;
    left:50%;
    margin-top: -48px;
    margin-left: -58px;
    /*background-color: #f7f7f7;*/
}
.advantageIcon1{
    background: url("../img/advantage.png") no-repeat left top;
}
.advantageIcon2{
    background: url("../img/advantage.png") no-repeat -262px top;
}
.advantageIcon3{
    background: url("../img/advantage.png") no-repeat -552px top;
}
.advantageIcon4{
    background: url("../img/advantage.png") no-repeat -840px top;
}
.advantage-content{
    flex:1;
    height:170px;
    border:1px solid #abb4bd;
    box-sizing: border-box;
    padding:50px 0 0 24px;
}
.content-title{
    font-size: 18px;
    margin-bottom: 16px;
}
.content-text{
    font-size: 14px;
}
.price-box{
    width:100%;
    background: #f7f7f7;
}
.price-items{
    width: 1150px;
    margin: 0 auto;
    padding:42px 0;
}
.price-items ul{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.price-item{
    width: 49%;
    height:484px;
    box-sizing: border-box;
    background: #fff;
    border:1px solid #e9e9e9;
    margin-top: 10px;
}
.price-title{
    width: 100%;
    height:86px;
    text-align: center;
    line-height: 86px;
    background: #e9e9e9;
    box-sizing: border-box;
    font-size: 20px;
}
.price-details{
    font-size: 86px;
    font-weight: 600;
    width: 100%;
    line-height: 110px;
    text-align: center;
    margin-top: 15px;
    color:#00baf1;
}
.price-details span{
    font-size: 22px;
}
.price-img{
    width: 100%;
    text-align: center;
}
.price-ms{
    width: 100%;
    text-align: center;
    color:#00baf1;
    font-size: 16px;
    margin-top: 40px;
}
.engineer-box{
    width: 100%;
}
.engineer-container{
    width: 1150px;
    margin:0 auto;
    padding:42px 0;
}
.engineer-container ul{
    display: flex;
    flex-flow: row nowrap;
    height:40px;
}
.engineer-item{
    width: 25%;
    border-bottom:1px dashed #252525;
    position: relative;
}
.engineer-item p{
    position: absolute;
}
.engineer-level{
    right:-40px;
    bottom:20px;
}
.circle{
    width:16px;
    height:16px;
    border:1px solid #00baf1;
    background: #fff;
    border-radius:50%;
    box-shadow: 0 0 5px #abb4bd;
    bottom:-8px;
    right:-8px;
    z-index: 100;
}
.engineer-money{
    right:-44px;
    bottom:-35px;
}
.table-title{
    width: 100%;
    height:112px;
    text-align: center;
    line-height: 112px;
    background: #e9e9e9;
    font-size: 28px;
    margin-top: 30px;
}
table,th,tr,td{
    border:1px solid #e9e9e9;
    text-align: center;
    font-size: 14px;

}
td,th{
    height:70px;
    /*line-height: 40px;*/

}
.engineer-table{
    width: 100%;

}

@media screen and (max-width: 768px){
    .head{
        width: 100%;
    }
    .head img{
        width: 100%;
    }
    .we-can{
        width: 100%;
        padding:10px 0;
    }
    .title{
        font-size: 16px;
        margin: 5px 0 15px 0;
    }
    .we-can-item{
        display: flex;
        flex-flow: row wrap;
        padding:0 10px;
        justify-content: space-between;
    }
    .we-can-item li{
        width: 30%;
        height:167px;
        background: url("../img/we-can-border.png") no-repeat center center;
        background-size: 100% 167px;
        margin-top: 10px;
    }
    .we-can-item li:hover{
        background: url("../img/we-can-border-hover.png") no-repeat center center;
        background-size: 100% 167px;
        color:#fff;
    }
    .icon{
        width: 50%;
        height:40px;
        background: aqua;
        margin: 0 auto;
        margin-top:30px;
    }
    .icon1{
        background: url("../img/we.png") no-repeat 0 0;
        background-size: 304px 80px;
    }
    .we-can-item li:hover .icon1{
        background: url("../img/we.png") no-repeat 0 -40px;
        background-size: 304px 80px;
    }
    .icon2{
        background: url("../img/we.png") no-repeat -56px 0;
        background-size: 304px 80px;
    }
    .we-can-item li:hover .icon2{
        background: url("../img/we.png") no-repeat -56px -40px;
        background-size: 304px 80px;
    }
    .icon3{
        background: url("../img/we.png") no-repeat -118px 0;
        background-size: 304px 80px;
    }
    .we-can-item li:hover .icon3{
        background: url("../img/we.png") no-repeat -118px -40px;
        background-size: 304px 80px;
    }
    .icon4{
        background: url("../img/we.png") no-repeat -190px 0;
        background-size: 304px 80px;
    }
    .we-can-item li:hover .icon4{
        background: url("../img/we.png") no-repeat -190px -40px;
        background-size: 304px 80px;
    }
    .icon5{
        background: url("../img/we.png") no-repeat -257px 0;
        background-size: 304px 80px;
    }
    .we-can-item li:hover .icon5{
        background: url("../img/we.png") no-repeat -257px -40px;
        background-size: 304px 80px;
    }

    .item-title{
        font-size: 8px;
        text-align: center;
        margin-top: 23px;
        margin-bottom: 8px;
    }
    .item-content{
        font-size: 8px;
        line-height: 12px;
        text-align: center;
    }


    .service-box{
        width: 100%;
        /*height: 100px;*/
        padding:1px 0;
        background-color: #f7f7f7;
        box-sizing: border-box;
    }
    .service{
        width: 100%;
        height:385px;
        box-sizing: border-box;
        background-image: none;
    }
    .service-items li{
        width: 300px;
        height:40px;
        margin: 0 auto;
        background: url("../img/service-border.png") no-repeat center center;
        background-size: 300px 40px;
        padding-top:4px;
        box-sizing: border-box;
        position: relative;
    }
    .s-item1{
        top:0;
        left:0px;
    }
    .s-item2{
        top:15px;
        left: 0px;
    }
    .s-item3{
        top:30px;
        left: 0px;
    }
    .s-item4{
        top:45px;
        left: 0px;
    }
    .s-item5{
        top:60px;
        left: 0px;
    }
    .s-content{
        width: 100%;
        text-align: center;
        font-size: 8px;
        color:#252525;
        line-height: 16px;
    }


    .advantage{
        width: 100%;
        margin:0 auto;
        padding:42px 0;
    }
    .advantage ul{
        display: flex;
        flex-flow:row wrap;
        justify-content:space-around;
    }
    .advantage-item{
        width: 96%;
        height:90px;
        box-sizing: border-box;
        margin-top: 20px;
        display: flex;
        flex-direction: row;
        flex-wrap:nowrap;
        align-items: center;
    }
    .advantage-icon{
        width: 90px;
        height:90px;
        background-color: #3878bb;
        border:1px solid #3878bb;
        position: relative;
        box-sizing: border-box;
    }
    .advantage-icon .icon{
        width: 58px;
        height:48px;
        position: absolute;
        top:50%;
        left:50%;
        margin-top: -24px;
        margin-left: -29px;
        /*background-color: #f7f7f7;*/
    }
    .advantageIcon1{
        background: url("../img/advantage.png") no-repeat left top;
        background-size:472px 45px;
    }
    .advantageIcon2{
        background: url("../img/advantage.png") no-repeat -131px top;
        background-size:472px 45px;
    }
    .advantageIcon3{
        background: url("../img/advantage.png") no-repeat -276px top;
        background-size:472px 45px;
    }
    .advantageIcon4{
        background: url("../img/advantage.png") no-repeat -420px top;
        background-size:472px 45px;
    }
    .advantage-content{
        flex:1;
        height:90px;
        border:1px solid #abb4bd;
        box-sizing: border-box;
        padding:25px 0 0 12px;
    }
    .content-title{
        font-size: 14px;
        margin-bottom: 16px;
    }
    .content-text{
        font-size: 10px;
    }


    .price-box{
        width:100%;
        background: #f7f7f7;
    }
    .price-items{
        width: 100%;
        margin: 0 auto;
        padding:42px 0;
    }
    .price-items ul{
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .price-item{
        width: 98%;
        height:242px;
        box-sizing: border-box;
        background: #fff;
    }
    .price-title{
        width: 100%;
        height:43px;
        text-align: center;
        line-height: 43px;
        background: #e9e9e9;
        box-sizing: border-box;
        font-size: 14px;
    }
    .price-details{
        font-size: 20px;
        font-weight: 600;
        width: 100%;
        line-height: 30px;
        text-align: center;
        margin-top: 15px;
        color:#00baf1;
    }
    .price-details span{
        font-size: 14px;
    }
    .price-img{
        width: 100%;
        text-align: center;
    }
    .price-img img{
        width: 90%;
    }
    .price-ms{
        width: 100%;
        text-align: center;
        color:#00baf1;
        font-size: 12px;
        margin-top: 40px;
    }

    .engineer-container{
        width: 98%;
        margin:0 auto;
        padding:42px 0;
    }
    .engineer-container ul{
        display: flex;
        flex-flow: row nowrap;
        height:40px;
        font-size: 12px;
    }
    .engineer-item{
        width: 25%;
        border-bottom:1px dashed #252525;
        position: relative;
    }
    .engineer-item p{
        position: absolute;
    }
    .engineer-level{
        right:-27px;
        bottom:20px;
    }
    .circle{
        width:10px;
        height:10px;
        border:1px solid #00baf1;
        background: #fff;
        border-radius:50%;
        box-shadow: 0 0 3px #abb4bd;
        bottom:-5px;
        right:-5px;
        z-index: 100;
    }
    .engineer-money{
        right:-34px;
        bottom:-35px;
    }

    .table-title{
        width: 100%;
        height:60px;
        text-align: center;
        line-height:60px;
        background: #e9e9e9;
        font-size: 20px;
        margin-top: 30px;
    }
    table,th,tr,td{
        border:1px solid #e9e9e9;
        text-align: center;
        font-size: 12px;

    }
    td,th{
        height:40px;
        /*line-height: 40px;*/

    }
    .engineer-table{
        width: 100%;

    }
    .engineer-table img{
        width: 50%;
    }

}
